@import 'antd/es/style/themes/default.less';
.container {
  display: inline-block;

  height: 24px;
  .progress-line {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    .progress-cell {
      display: inline-flex;
      align-items: center;
      flex-direction: row;
      justify-content: center;
      &.active {
        .progress-title {
          color: @text-color;
          &.current {
            color: @heading-color;
          }
        }
        .progress-split {
          background-color: @text-color;
          .progress-point {
            background-color: @text-color;
          }
        }
      }
      .progress-title {
        padding: 0 4px;

        color: @disabled-color;
      }
      .progress-split {
        position: relative;

        display: inline-block;

        width: 32px;
        height: 2px;

        background-color: @disabled-color;
        .progress-point {
          position: absolute;
          top: 50%;
          right: 0;

          width: 6px;
          height: 6px;
          margin-top: -3px;

          border-radius: 50%;
          background-color: @disabled-color;
        }
      }
    }
  }
}
